<template>
  <a-anchor
    :affix="affix"
    :bounds="bounds"
    :get-container="getContainer"
    :get-current-anchor="getCurrentAnchor"
    :offset-bottom="offsetBottom"
    :offset-top="offsetTop"
    :show-ink-in-fixed="showInkInFixed"
    :target-offset="targetOffset"
    :wrapper-class="wrapperClass"
    :wrapper-style="wrapperStyle"
  >
    <slot />
  </a-anchor>
</template>

<script>
import { defineComponent } from 'vue'
import { Anchor } from 'ant-design-vue'
export default defineComponent({
  name: 'ZAnchor',
  components: {
    AAnchor: Anchor
  },
  props: {
    affix: {
      type: Boolean,
      default: true
    },
    bounds: {
      type: Number,
      default: 5
    },
    getContainer: {
      type: Function,
      default: undefined
    },
    getCurrentAnchor: {
      type: Function,
      default: undefined
    },
    offsetBottom: {
      type: Number,
      default: undefined
    },
    offsetTop: {
      type: Number,
      default: undefined
    },
    showInkInFixed: {
      type: Boolean,
      default: false
    },
    targetOffset: {
      type: Number,
      default: undefined
    },
    wrapperClass: {
      type: String,
      default: undefined
    },
    wrapperStyle: {
      type: Object,
      default: undefined
    }
  }
})
</script>
